<template>
<section>
  <el-row style="padding: 10px 60px;background-color: #e5e5e5">
    <h2 style="color: #e84105;padding: 8px 0">微信￥：10-20000元(长按识别二维码支付)</h2>
    <div style="padding: 8px 0">将截屏二维码发送至微信对话窗口，长按识别支付</div>

    <div class="flex amount">
      <span>充值金额：</span>
      <div style="width: 140px;margin-right: 20px"><el-input v-model="form.amount" size="small" placeholder="请输入充值金额"></el-input></div>
      <div><el-button type="warning" size="small" @click="goShou">下一步</el-button></div>
    </div>
  </el-row>
  <el-row style="margin: 80px 12px">
    <div style="color: blue;font-size: 17px">操作步骤：</div>
    <ul>
      <li>※ 1.微信支付（扫一扫直接到账） 方便快捷，支付完成立即到账。</li>
      <li>※ 24小时存款不限次数，免除所有手续费，3分钟火速到账。 </li>
      <li>※ 存款遇到问题？立即联络在线客服为您服务。</li>
    </ul>
  </el-row>
</section>
</template>

<script>
  export default {
    data () {
      return {
        form: {
          payType: 6,
          amount: undefined
        }
      }
    },
    methods: {
      goShou () {
        window.open('/500/pay?payType=6&amount=' + this.form.amount)
//        this.$api.pay(this.form).then(res => {
//          if (res.code === '000000') {
//            this.$message.success('跳转中')
//          }
//        })
      }
    }
  }
</script>

<style lang="less" scoped>
  section{
    text-align: left;
  }
  .amount{
    height: 40px;
    line-height: 40px;
  }
  li{
    padding:6px 0;
  }
</style>
